#app{
  height: 100%;
}
#page-suggestionFeedback {
  height: 100%;
  background-color: #fff;
  padding-top: 88px;
  // 投诉建议tab按钮
  .complaint-suggestion {
    margin: 31px auto;
    width: 72%;
    display: flex;
    justify-content: space-between;
    .complaint,
    .suggestion{
      width: 240px;
      height: 70px;
      border: 1px solid #BFBFBF;/*no*/
      border-top-width: 1.3px;/*no*/
      border-radius: 5px;
      p{
        color:#666;
        text-align: center;
        line-height: 70px;
        font-size: 30px;
        font-weight: 540;
      }
    }
    .active{
      border-color:#FEAC32;
      background: url('../../../static/image/suggestionFeedback/tick.png') no-repeat;
      background-position: 100% -5%;
      background-size: 34px 31px;
      p{
        color: #FEAC32;
      }
    }
  }
  // 文本输入框
  .content {
    margin:30px auto 22px;
    width: 92%;
    
    textarea {
      border: 1px solid #D9D9D9; /*no*/
      border-radius: 10px;
      width: 100%;
      height: 351px;
      padding: 18px 28px 18px 21px;
      box-sizing: border-box;
      color: #999;
      font-size: 28px;
      line-height: 42px;
      font-weight: 550;
      resize: none;
    }
  }
  // 手机输入框
  .tel-input {
    margin: auto;
    width: 92%;
    border: 1px solid #D9D9D9; /*no*/
    border-radius: 10px;
    .tel{
      border: none;
      width: 100%;
      height: 90px;
      padding: 25px 0 25px 66px;
      box-sizing: border-box;
      background: url(../../../static/image/suggestionFeedback/phone.png) no-repeat ;
      background-position: 20px 25px;
      background-size: 25px 40px;
      color: #999;
      font-size: 28px;
      line-height: 90px;
    }
  }
  // 提交按钮
  .btn-submit{
    margin: 51px auto 0;
    width: 92%;
    height: 90px;
    p{
      border-radius: 10px;
      width: 100%;
      font-size: 36px;
      line-height: 90px;
      text-align: center;
      color: #fff;
      background:linear-gradient(90deg,#FDC46F,#FEAC32);
    }
  }
}